<!DOCTYPE html> 
<html>
<head>
  <title>Page Title</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" >
<link rel="stylesheet" href="css/jquery.mobile.icons-1.4.5.min.css">
  <link rel="stylesheet" href="css/theme-classic.css">
  <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.5.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>

<style>

.buttoni{
  background-image: url("img/botoninicio.png");
   background-repeat:no-repeat;
  height:150px;
  width:150px;
  background-position:center;
    background-color:transparent;
    text-align:center;
}
.buttoni:hover{
  background-image: url("img/botoninicio2.png");
   background-repeat:no-repeat;
  height:150px;
  width:150px;
  background-position:center;
    background-color:transparent;
}

.logo{
}

.imagen{
  position:center;
  text-align: center;
  margin:auto;
  padding-left: 15%;

}
.ui-block{
  border:none;
  text-align: center;
}
.ui-grid-a {
padding: 0;
margin: 0;
margin-top: 15px;
height: 380px;
}


.ui-block-a, .ui-block-b {
padding: 0;
margin: 0;
height: 50%;
border:none;
}

.ui-block-a a, .ui-block-b a {
width: 50%;
}

.ui-bar-a, ui-bar {
margin: 0 auto;
padding: 0;
height: 100%;
width: 100%;
max-width: 600px;
text-align: center;
/* Gradient set-up */
background: transparent;
/* Border set-up */
border-radius: 5px;
display: table;
border:none;
}

.menu-img{
margin-top: 90px;
}


</style>

<body>

<div data-role="page" id="menu" class="ui-responsive-panel" data-theme="b" >
<!--Cabecera-->
    <div data-role="header"  data-fullscreen="true">
      <h1>Auxilio Vial</h1>
    </div>

<!--Contenido-->    
<div data-role="main" style="background-color:#ffffff; height:1000px;">
<div class="ui-grid"> <!-- menu-container -->

<!-- FIRST ROW -->
<!-- 1st elem -->
<div class="ui-block">
<div class="ui-bar ui-bar-a">
<div class="menu-img"> <div><a href="menu.html" rel="external"><img src="img/logo2.png" style="background-position: center;">
<!--<div class="menu-text">Señaleticas </div>-->
</a> </div>
</div>
</div>
</div>
 </div>

</div> 
</div>
</body>
</html>